<template>
  <div class="at">
    <ul>
      <li>
        <div>
          <h6>养老金</h6>
          <p>退休金·退休费</p>
        </div>
        <img src="../../../../public/homes/k1.png" alt="" />
      </li>
      <li>
        <div>
          <h6>住房公积金</h6>
          <p>信息查询.业务办理</p>
        </div>
        <img src="../../../../public/homes/k2.png" alt="" />
      </li>
      <li>
        <div>
          <h6>电子社保卡</h6>
          <p>社保卡的有效电子凭证</p>
        </div>
        <img src="../../../../public/homes/k1.png" alt="" />
      </li>
      <li>
        <div>
          <h6>医保电子凭证</h6>
          <p>医保身份电子凭证</p>
        </div>
        <img src="../../../../public/homes/k4.png" alt="" />
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
};
</script>

<style lang="less" scoped>
.at {
  width: 100%;
  height: 1.3rem;
  margin: auto;
  ul {
    width: 95%;
    margin: auto;
    height: 1.3rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    li {
      width: 49%;
      height: 0.6rem;
      background-color: #f2f2f2;
      display: flex;
      justify-content: space-between;
      div {
        width: 75%;
        height: 100%;
        margin-left: 0.05rem;
        h6 {
          font-size: 0.16rem;
          line-height: 0.3rem;
        }
        p {
          font-size: 0.06rem;
        }
      }
    }
  }
  img {
    width: 0.35rem;
    height: 0.35rem;
    margin-top: 0.1rem;
    margin-right: 5px;
  }
}
</style>